<template>
  <div>
    <el-card class="box">
      <el-row type="flex" justify="space-around">
        <el-col :span="4">
          盘点单号
          <el-input v-model="value1" placeholder="请输入" />
        </el-col>
        <el-col :span="4">
          盘点状态
          <el-select v-model="value2" placeholder="请选择">
            <el-option v-for="item in options.list1" :key="item" :label="item" :value="item" />
          </el-select>
        </el-col><el-col :span="4">
          盘点类型
          <el-select v-model="value3" placeholder="请选择">
            <el-option v-for="item in options.list2" :key="item" :label="item" :value="item" />
          </el-select>
        </el-col><el-col :span="4">
          货主
          <el-select v-model="value4" placeholder="请选择">
            <el-option v-for="item in options.list3" :key="item" :value="item" />
          </el-select>
        </el-col>
        <el-col :span="4">
          盘点库区
          <el-cascader
            v-model="value5"
            :options="options.list4"
          />
        </el-col>
        <el-col :span="4">
          <el-row type="flex" justify="space-between" align="bottom">
            <el-col>
              <el-button round type="warning">搜索</el-button>
            </el-col>
            <el-col>
              <el-button round>重置</el-button>
            </el-col>
          </el-row>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value1: '',
      value2: '',
      value3: '',
      value4: '',
      value5: [],

      options: {
        list1: ['新建', '一盘中', '一盘完成', '复盘中', '复盘完成', '已取消'],
        list2: ['随机盘点', '计划盘点'],
        list3: ['李婉婉', '王姐'],
        list4: [{
          value: '1',
          label: '1号仓库',
          children: [{
            value: 'chukuhuancunqu',
            label: '出库缓存区'
          }, {
            value: 'rukuhuancunqu',
            label: '入库缓存区'
          }, {
            value: 'dongjiequ',
            label: '冻结区'
          }, {
            value: 'cunchuqu',
            label: '存储区'
          }]
        }, {
          value: '2',
          label: '2号仓库',
          children: [{
            value: '2haochukuhuancunqu',
            label: '2号出库缓存区'

          }, {
            value: '2haorukuhuancunqu',
            label: '2号入库缓存区'

          }, {
            value: '2haodongjiequ',
            label: '2号冻结区'

          }, {
            value: 'changwenchucunqu',
            label: '常温储存区'

          }]
        }, {
          value: '4',
          label: '4号仓库',
          children: []
        }]
      }
    }
  },
  methods: {
  }

}
</script>

<style lang="scss" scoped>
.box {
    margin-bottom: 20px;
}
</style>

